<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/normalize.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="css/result.css">
    
    <title>游戏结果</title>
</head>
<body>
    <header class="result-header">
        <div class="result-header-left-btn-wrapper">
            <div class="result-header-left-btn"></div>
        </div>
        <div class="result-header-right-btn-wrapper">
            <div class="result-header-right-btn"></div>
        </div>
        <h1 class="result-header-title">游戏结果</h1>
    </header>
    <main class="container-fluid result-main-wrapper">
        <div class="row">
            <div class="col-xs-12">
                <div class="result-victory"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1 result-desc">
                    太棒了!你知道么？在捉鬼游戏中 只有20%的卧底取得游戏最终的 胜利哦！
            </div>
        </div>
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1 result-content">
                <div class="row">
                    <div class="col-xs-12">
                        本次游戏共计用时0小时25分钟
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4 result-role">
                            杀   手0人
                    </div>
                    <div class="col-xs-4 result-role">
                            警   察1人 
                    </div>
                    <div class="col-xs-4 result-role">
                            平   民6人 
                    </div>
                    <div class="col-xs-4 result-role">
                            狙击手0人
                    </div>
                    <div class="col-xs-4 result-role">
                            医   生1人
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                            卧底词汇：爱新觉罗
                    </div>
                    <div class="col-xs-12">
                            水民词汇：努尔哈赤  
                    </div>
                </div>
            </div>
        </div>
        <div class="result-list">
            <div class="row result-item">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="row">
                                <div class="col-xs-12 result-date">
                                    <span class="result-day">第1天</span>
                                    <span class="result-time">0小时07分</span>
                                </div>
                                <div class="col-xs-12 result-line">
                                        晚上：5号被杀手杀死，5号是水民
                                </div>
                                <div class="col-xs-12 result-line result-bottom">
                                        白天：8号被全民投票投死，8号是杀手
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row result-item">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="row">
                                <div class="col-xs-12 result-date">
                                    <span class="result-day">第1天</span>
                                    <span class="result-time">0小时07分</span>
                                </div>
                                <div class="col-xs-12 result-line">
                                        晚上：5号被杀手杀死，5号是水民
                                </div>
                                <div class="col-xs-12 result-line result-bottom">
                                        白天：8号被全民投票投死，8号是杀手
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row result-item">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="row">
                                <div class="col-xs-12 result-date">
                                    <span class="result-day">第1天</span>
                                    <span class="result-time">0小时07分</span>
                                </div>
                                <div class="col-xs-12 result-line">
                                        晚上：5号被杀手杀死，5号是水民
                                </div>
                                <div class="col-xs-12 result-line result-bottom">
                                        白天：8号被全民投票投死，8号是杀手
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row result-item">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="row">
                                <div class="col-xs-12 result-date">
                                    <span class="result-day">第1天</span>
                                    <span class="result-time">0小时07分</span>
                                </div>
                                <div class="col-xs-12 result-line">
                                        晚上：5号被杀手杀死，5号是水民
                                </div>
                                <div class="col-xs-12 result-line result-bottom">
                                        白天：8号被全民投票投死，8号是杀手
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row result-item">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="row">
                                <div class="col-xs-12 result-date">
                                    <span class="result-day">第1天</span>
                                    <span class="result-time">0小时07分</span>
                                </div>
                                <div class="col-xs-12 result-line">
                                        晚上：5号被杀手杀死，5号是水民
                                </div>
                                <div class="col-xs-12 result-line result-bottom">
                                        白天：8号被全民投票投死，8号是杀手
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="result-footer">
        <a class="result-footer-btn again-btn" href="index.html">再来一局</a>
        <a class="result-footer-btn share-btn">上传并分享</a>
    </footer>
</body>
</html>